<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>大数据医疗系统搜索页面</title>
    <link href="styles/common.css" rel="stylesheet" type="text/css"/>
    <link href="styles/tableView.css" rel="stylesheet" type="text/css"/>
    <link href="styles/loading.css" rel="stylesheet" type="text/css"/>
    <link href="styles/alert.css" rel="stylesheet" type="text/css"/>
    <script src="scripts/common.js"></script>
    <script src="scripts/tableView.js"></script>
</head>
<body>
<div class="tab-button-bar">
    <a href="index.html?tab=data-manage">
        <button class="tab-button-active" id="data-manage-button">数据管理</button>
    </a>
    <a href="index.html?tab=data-analyze">
        <button class="tab-button" id="data-analyze-button">数据分析</button>
    </a>
    <a href="index.html?tab=data-search">
        <button class="tab-button" id="data-search-button">数据检索</button>
    </a>
    <div class="tab-bar-time"></div>
</div>
<div class="tab-box" style="display: block">
    <div class="content-box">
        <div class="table-name">
            <label for="tableNameInput" class="input-label">表名: </label>
            <input placeholder="表名" id="tableNameInput" class="table-name-input" autocomplete="off">
        </div>
    </div>
</div>
<div class="float-button-box">
    <button class="float-button" id="float-add-button" onclick="AddRow()"></button>
    <button class="float-button" id="float-ok-button" onclick="test()"></button>
</div>
<div id="loading-overlay">
    <div class="loading-window">
        <section class="loading-section">
            <span class="point1"></span>
            <span class="point2"></span>
            <span class="point3"></span>
            <span class="point4"></span>
            <span class="point5"></span>
            <span class="point6"></span>
            <span class="point7"></span>
            <span class="point8"></span>
        </section>
        <div class="text-box">
            <h2>正在处理并上传数据</h2>
            <h2>请等待一段时间</h2>
        </div>
    </div>
</div>
<div id="alert-overlay">
    <div class="alert-window">
        <section class="alert-icon"></section>
        <div class="text-box">
            <h2>发生了一个错误</h2>
            <h4>信息</h4>
        </div>
        <button onclick="CloseAlertOverlay()">确认</button>
    </div>
</div>
<div id="ok-overlay">
    <div class="ok-window">
        <section class="ok-icon"></section>
        <div class="text-box">
            <h2>成功</h2>
        </div>
        <button onclick="CloseOkOverlay()">确认</button>
    </div>
</div>
<div id="data-get-dialog">
    <div class="data-get-dialog-window">
        <p class="data-get-dialog-window-title">打开表格</p>
        <div class="data-get-dialog-window-content">
            <label>表名: </label>
            <input placeholder="表名" type="text" class="input">
            <br><br><br><br>
            <label>行键: </label>
            <input placeholder="行键" type="text" class="input">
        </div>
        <button class="data-get-dialog-ok-button" onclick="OnGetInfoButtonClicked()"></button>
    </div>
</div>
</body>
</html>
